<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
	<meta name="viewport" content="width=device-width" />
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
	<title>Really Simple HTML Email Template</title>
	<style>
		/* -------------------------------------
		GLOBAL
------------------------------------- */

		* {
			margin: 0;
			padding: 0;
			font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
			font-size: 100%;
			line-height: 1.6;
		}

		img {
			max-width: 100%;
		}

		body {
			-webkit-font-smoothing: antialiased;
			-webkit-text-size-adjust: none;
			width: 100% !important;
			height: 100%;
		}


		/* -------------------------------------
		ELEMENTS
------------------------------------- */

		a {
			color: #348eda;
		}

		.btn-primary,
		.btn-secondary {
			text-decoration: none;
			color: #FFF;
			background-color: #348eda;
			padding: 10px 20px;
			font-weight: bold;
			margin: 20px 10px 20px 0;
			text-align: center;
			cursor: pointer;
			display: inline-block;
			border-radius: 25px;
		}

		.btn-secondary {
			background: #aaa;
		}

		.last {
			margin-bottom: 0;
		}

		.first {
			margin-top: 0;
		}


		/* -------------------------------------
		BODY
------------------------------------- */

		table.body-wrap {
			width: 100%;
			padding: 20px;
		}

		table.body-wrap .container {
			border: 1px solid #f0f0f0;
		}


		/* -------------------------------------
		FOOTER
------------------------------------- */

		table.footer-wrap {
			width: 100%;
			clear: both !important;
		}

		.footer-wrap .container p {
			font-size: 12px;
			color: #666;

		}

		table.footer-wrap a {
			color: #999;
		}


		/* -------------------------------------
		TYPOGRAPHY
------------------------------------- */

		h1,
		h2,
		h3 {
			font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
			line-height: 1.1;
			margin-bottom: 15px;
			color: #000;
			margin: 40px 0 10px;
			line-height: 1.2;
			font-weight: 200;
		}

		h1 {
			font-size: 36px;
		}

		h2 {
			font-size: 28px;
		}

		h3 {
			font-size: 22px;
		}

		p,
		ul {
			margin-bottom: 10px;
			font-weight: normal;
			font-size: 14px;
		}

		ul li {
			margin-left: 5px;
			list-style-position: inside;
		}

		/* ---------------------------------------------------
		RESPONSIVENESS
		Nuke it from orbit. It's the only way to be sure.
------------------------------------------------------ */

		/* Set a max-width, and make it display as block so it will automatically stretch to that width, but will also shrink down on a phone or something */

		.container {
			display: block !important;
			max-width: 600px !important;
			margin: 0 auto !important;
			/* makes it centered */
			clear: both !important;
		}

		/* This should also be a block element, so that it will fill 100% of the .container */

		.content {
			padding: 20px;
			max-width: 600px;
			margin: 0 auto;
			display: block;
		}

		/* Let's make sure tables in the content area are 100% wide */

		.content table {
			width: 100%;
		}

		.appname, .amountdue {
			font-weight: 900;
			text-transform: uppercase
		}
	</style>
</head>

<body bgcolor="#f6f6f6">

	<!-- body -->
	<table class="body-wrap">
		<tr>
			<td></td>
			<td class="container" bgcolor="#FFFFFF">

				<!-- content -->
				<div class="content">
					<table>
						<tr>
							<td>
								<h3>We’re not able to charge your card.</h3>
								<p>Hi
									<span class="username"></span>
								</p>

								<p>
								Unfortunately, your most recent invoice payment of <span class="amountdue"></span> for your app <span class="appname"></span> on cloudboost was declined.
								This could be due to a change in your card number, your card expiring,
								cancellation of your credit card, or the card issuer not recognizing the
								payment and therefore taking action to prevent it.

								Please update your payment information by clicking on this link:
								https://dashboard.cloudboost.io/payment </p>

								<p>If you need any help, Just reply to this email and we'll be there to help.</p>

								<p>Thanks, have a great day.</p>


								<p>CloudBoost.io Team</p>

							</td>
						</tr>
					</table>
				</div>
				<!-- /content -->

			</td>
			<td></td>
		</tr>
	</table>
	<!-- /body -->



</body>

</html>